<template>
  <view class="page">
    <nav-bar>
        <template #title>{{ '个人信息' }}</template>
    </nav-bar>
    <view class="container">
        <view class="info-item">
            <svg-icon iconClass="peop" />
            <text class="info-text">昵称</text>
        </view>
        <view class="info-item">
            <svg-icon iconClass="phone" />
            <text class="info-text">手机号码</text>
        </view>
        <view class="info-item">
            <svg-icon iconClass="email" />
            <text class="info-text">邮箱</text>
        </view>
        <view class="info-item">
            <svg-icon iconClass="department" />
            <text class="info-text">岗位</text>
        </view>
        <view class="info-item">
            <svg-icon iconClass="role" />
            <text class="info-text">角色</text>
        </view>
        <view class="info-item">
            <svg-icon iconClass="time" />
            <text class="info-text">创建时间</text>
        </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
</script>

<style lang="scss" scoped>
.container {
    width: 100%;
    height: calc(100% - 46px);
    .info-item {
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        padding: 10px 13px;
        font-size: 14px;
        .info-text {
            margin-left: 10px;
        }
    }
}
</style>